html { position: relative; min-height: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; }

body { width: 100%; min-width: 400px; margin-bottom: 200px; font-family: Helvetica, Arial, sans-serif, "Microsoft JhengHei", "΢ܛÕýºÚów", "Apple LiGothic Medium", "ÌO¹ûƒ«ÖкÚ"; padding: 0; margin: 0; }

.pull-left { float: left; }

.pull-right { float: right; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.spacer-65 { height: 65px; }

.spacer-100 { height: 100px; }

.spacer-50 { height: 50px; }

.spacer-15 { height: 15px; }

.fz-12 { font-size: 12px; }

.fz-10 { font-size: 10px; }

#header-wrap { position: fixed; height: 55px; width: 100%; z-index: 100; background-color: rgba(241, 242, 242, .8); }

.slanted-blue-div { width: 100%; margin: auto; position:relative; overflow:hidden; margin-top:-20px; z-index:-1;}

.slanted-blue-div:before{
    content:'';
    position:absolute;
    top:0; right:0;
    width:100%; height:100%;
    background-color: #0071bb;
    
    -webkit-transform-origin:100% 100%;
    -ms-transform-origin:100% 100%;
    transform-origin:100% 100%;
    
    -webkit-transform:skewY(-10deg);
    -ms-transform:skewY(-10deg);
    transform:skewY(-10deg); }
	
.slanted-purple-div { width: 100%; margin: auto; position:relative; overflow:hidden; margin-top:-20px; z-index:-1;}

.slanted-purple-div:before{
    content:'';
    position:absolute;
    top:0; right:0;
    width:100%; height:100%;
    background-color: #583f98;
    
    -webkit-transform-origin:100% 100%;
    -ms-transform-origin:100% 100%;
    transform-origin:100% 100%;
    
    -webkit-transform:skewY(-10deg);
    -ms-transform:skewY(-10deg);
    transform:skewY(-10deg); }
	
.slanted-green-div { width: 100%; margin: auto; position:relative; overflow:hidden; margin-top:-20px; z-index:-1;}

.slanted-green-div:before{
    content:'';
    position:absolute;
    top:0; right:0;
    width:100%; height:100%;
    background-color: #25bcbd;
    
    -webkit-transform-origin:100% 100%;
    -ms-transform-origin:100% 100%;
    transform-origin:100% 100%;
    
    -webkit-transform:skewY(-10deg);
    -ms-transform:skewY(-10deg);
    transform:skewY(-10deg); }
	
.slanted-orange-div { width: 100%; margin: auto; position:relative; overflow:hidden; margin-top:-20px; z-index:-1;}

.slanted-orange-div:before{
    content:'';
    position:absolute;
    top:0; right:0;
    width:100%; height:100%;
    background-color: #f48132;
    
    -webkit-transform-origin:100% 100%;
    -ms-transform-origin:100% 100%;
    transform-origin:100% 100%;
    
    -webkit-transform:skewY(-10deg);
    -ms-transform:skewY(-10deg);
    transform:skewY(-10deg); }
	

.footer { width: 100%; margin:0 auto; background-color: #fff; line-height: 12px; position: absolute; left: 0; bottom: 0; right: 0; overflow:hidden;}

.footer-sponsor { color: #9f2236; font-weight: bold; font-size: 16px; line-height: 21px; text-align: left; width: 300px; margin-top: 25px; display: inline-block; vertical-align: top; }

.footer-content { color: #58595b; font-size: 10px; font-weight: normal; line-height: 12px; }

.mainContent { color: #fff; font-weight: thin; font-size: 15px; line-height: 19px; }

.mainContent-blue { color: #0071bb; font-weight: thin; font-size: 15px; line-height: 19px; }

.mainContent-white { color: #fff; font-weight: thin; font-size: 15px; line-height: 19px; }

.mainContent-header { color: #fff; font-size: 48px; line-height: 60px; letter-spacing: 0px; font-weight: bold; text-shadow: 0px 0px 25px #1a1a4f; }

.mainContent-large { color: #b7001a; font-weight: normal; font-size: 16px; line-height: 24px; text-align: left; text-shadow: 0px 0px 25px #1a1a4f; }

.mainContent-topic { color: #b7001a; font-weight: bold; font-size: 25.5px; line-height: 29px; text-shadow: 0px 0px 25px #1a1a4f; }

.mainContent-heading { color: #b7001a; font-weight: thin; font-size: 17px; line-height: 21px; }

.mainContent-headingw { color: #fff; font-weight: thin; font-size: 17px; line-height: 21px; }

.mainContent-title { color: #fff; font-weight: bold; font-size: 18px; line-height: 24x; }

.mainContent-title-entry { color: #fff; font-weight: bold; font-size: 18px; line-height: 23px; text-align: center; }

.mainContent-title-blue { color: #0071bb; font-weight: bold; font-size: 18px; line-height: 23px; text-align: left; }

.mainContent-title-orange { color: #f89c1c; font-weight: bold; font-size: 18px; line-height: 23px; text-align: left; }

.mainContent-title-purple { color: #583f98; font-weight: bold; font-size: 18px; line-height: 23px; text-align: center; }

.mainContent-title-red { color: #9f2236; font-weight: bold; font-size: 18px; line-height: 23px; text-align: center; }

.mainContent-bullet { color: #fff; font-weight: thin; font-size: 14px; line-height: 21px; text-align: left; }

.terms-table { color: #fff; font-weight: thin; font-size: 12px; line-height: 19px; text-align: left; }

.mainContent-details { color: #fff; font-weight: normal; font-size: 14px; line-height: 21px; }

.mainContent-detailsgrey { color: #58585b; font-weight: thin; font-size: 12.5px; line-height: 17px; }

.nav-bar-logo { float: left; text-align: left; padding: 7px 0px 8px 0px; width: 180px; }

.nav-bar-logo-80 { float: left; text-align: left; padding: 7px 0px 0px 30px; width: 45px; }

.desc { line-height: 21px; font-size: 16px; letter-spacing: 1px; font-weight: 400; }

.winnerPhoto { width: 120px; }

.winnerPhoto:hover { opacity: 0.7; }

.exhibitionPhoto { width: 55px; }

@media screen and (min-width: 860px) {

/*----- Menu -----*/

.menu { align: center; float: right; }

.menu ul { margin-top: 0px; display: inline-block; }

.menu li { float: left; list-style: none; font-size: 10px; line-spacing: 12px; font-weight: normal; vertical-align: top; text-align: right; color: #9f2236; letter-spacing: 1px; }

.menu a { display: inline-block; padding: 14px 15px 16px 15px; color: #9f2236; text-decoration: none; }

.menu a:hover, .menu .current-item a { background-color: #9e2435; color: #fff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.toggle-nav { display: none !important; }

.winner { color: #fff; font-weight: thin; font-size: 11.5px; line-height: 16px; width: 130px; height: 150px; display: inline-block; vertical-align: top; padding: 10px; }

.winner-2nd { color: #fff; font-weight: thin; font-size: 11.5px; line-height: 16px; width: 130px; height: 150px; display: inline-block; vertical-align: top; padding: 10px;}

.winnerspecialprize { color: #fff; font-weight: thin; font-size: 11.5px; line-height: 16px; width: 165px; height: 230px; display: inline-block; vertical-align: top; padding: 15px; }

.winnerspecial { color: #fff; font-weight: thin; font-size: 11.5px; line-height: 16px; width: 165px; height: 230px; display: inline-block; vertical-align: top; padding: 15px; text-align:center;}

.winner-details1 { color: #b7001a; font-weight: normal; font-size: 14px; line-height: 21px; display: none;}

.winner-details2 { color: #b7001a; font-weight: normal; font-size: 14px; line-height: 21px;}

.winnerspecialleft { color: #fff; font-weight: thin; font-size: 11.5px; line-height: 16px; width: 165px; height: 230px; display: inline-block; vertical-align: top; padding: 15px; }

.prize-top { width: 300px; height: 420px; display: block; vertical-align: top; padding: 15px; color: #0071bb; font-weight: thin; font-size: 15px; line-height: 19px; text-align:center;}

.prize-batch { width: 240px; }

.prize-left { width:300px; height:440px; display:inline-block; vertical-align:top; padding:25px 70px 20px 0px; color: #fff; font-weight: thin; font-size: 15px; line-height: 19px; border-right: 1px solid #fff; }

.prize-right { width:300px; height:440px; display:inline-block; vertical-align:top; padding:25px 0px 20px 70px; color: #fff; font-weight: thin; font-size: 15px; line-height: 19px; }

.footer-container { align: left; margin-left: 40px; margin-right: 40px; }

.footer-follow { color: #9f2236; font-weight: bold; font-size: 16px; line-height: 21px; text-align: left; width: 500px; margin-top: 25px; display: inline-block; vertical-align: top; }

.footer-terms { color: #58595b; font-size: 10px; font-weight: normal; line-height: 12px; float: right; margin-top: 10px; margin-bottom: 20px; }

.container { margin: 0 auto; width:800px;}

.container-home { margin: 0 auto;}

.home-menu { margin:0 auto; text-align:center; }

.home-menu ul { display: inline-block; text-align:center; }

.home-menu li { float:left; list-style: none; font-size: 17px; line-height: 22px; vertical-align: top; text-align: center; color: #fff; letter-spacing: 1px; }

.home-menu a { font-weight: bold; margin: 10px; width: 210px; height: 280px; display: inline-block; padding: 25px; text-decoration: none; vertical-align:top; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0px 0px 15px #a7a9ac; }

.home-menu a:hover { background-color: rgba(255, 255, 255, 1); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.intro-steps { width:225px; height:350px; display:inline-block; vertical-align:top; padding:15px; color: #0071bb; font-weight: thin; font-size: 15px; line-height: 19px; }

.intro-steps-mid { width:225px; height:350px; display:inline-block; vertical-align:top; padding:15px; color: #0071bb; font-weight: thin; font-size: 15px; line-height: 19px; border-right: 1px solid #0071bb; border-left: 1px solid #0071bb; }

.intro-public { width:100%; height:100%; display:block; vertical-align:top; padding:15px; color: #fff; background-color:#9f2236; font-weight: bold; text-align:center; font-size: 15px; line-height: 19px; box-shadow: 0px 0px 15px #a7a9ac; margin-top:-50px; }

.intro-image { width: 200px; padding: 5px; }

.intro-popular { color: #fff; font-weight: thin; font-size: 14px; line-height: 19px; width: 450px; height: 680px; display: inline-block; vertical-align: top; padding: 15px; text-align: left; }

.intro-best-container { width: 720px; text-align: center; margin: 0 auto; }

.intro-best-image { width: 190px; height: 310px; text-align: center; float: right; display: inline-block; vertical-align: top; padding: 5px; }

.intro-best { color: #fff; font-weight: thin; font-size: 14px; line-height: 19px; width: 450px; height: 470px; text-align: left; float: left; display: inline-block; vertical-align: top; padding: 15px; }

.intro-crit-1 { width:165px; height:165px; display:inline-block; vertical-align:top; margin:-10px; }

.container-voting-head { margin: 0 auto; width:70%;}

.vote-center { color: #fff; font-weight: thin; font-size: 14px; line-height: 19px; width: 225px; height: 180px; display: inline-block; vertical-align: top; padding: 15px; margin-right: 10px; margin-left: 10px; border-left: 1px solid #fff; border-right: 1px solid #fff; }

.voting-left { width:300px; height:330px; display:inline-block; vertical-align:top; padding:25px 50px 20px 0px; color: #fff; font-weight: thin; font-size: 15px; line-height: 19px; border-right: 1px solid #fff; }

.voting-right { width:300px; height:330px; display:inline-block; vertical-align:top; padding:25px 0px 20px 50px; color: #fff; font-weight: thin; font-size: 15px; line-height: 19px; }

.home-80 { width:447px; text-align:left; display:inline-block; margin-left:-40px; margin-top:40px; vertical-align:top; }

.home-heading { width:336px; text-align:left; display:inline-block; padding-top:25px; padding-left:50px; padding-bottom:15px; vertical-align:top; color: #b7001a; font-weight: normal; font-size: 18px; line-height: 24px; }

.btn-details { width:200px; }

.home-polyutagline { width:200px;}

.container-entry { margin: 0 auto; width:850px;}

.container-clock { margin: 0 auto; width:640px;}

.terms { width:100%; margin:0 auto;}

.table-video { width:800px;}

.table-video-margin { width:20px;}

.frame-video { width:800px; height:450px; }

.winner-left { width:300px; height:380px; display:inline-block; vertical-align:top; padding:25px 0px 0px 0px; color: #fff; font-weight: thin; font-size: 15px; line-height: 19px; }

.winner-right { width:300px; height:380px; display:inline-block; vertical-align:top; padding:25px 0px 0px 70px; color: #fff; font-weight: thin; font-size: 15px; line-height: 19px; }

}



/*----- Responsive -----*/

@media screen and (max-width: 860px) {

/*----- Menu -----*/

.menu { float: right; position: relative; display: inline-block; }

.menu ul.active { display: none; }

.menu ul { width: 860px; position: absolute; top: 120%; right: 0px; background: rgba(255, 255, 255, .8); }

.menu ul:after { width: 0px; height: 0px; position: absolute; top: 0%; right: 15px; content: ''; transform: translate(0%, -100%); border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(255, 255, 255, .7); }

.menu li { padding: 0px; float: none; display: block; font-size: 12px; line-spacing: 14px; font-weight: normal; vertical-align: top; text-align: right; letter-spacing: 1px; border-bottom: 1px solid rgba(158, 36, 53, .6); }

.menu li:hover, .menu li.active, .current-item { background-color: #9e2435; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.menu a { padding: 15px 15px 15px 15px; display: inline-block; color: #2b2b2b; text-decoration: none; }

.toggle-nav { float: right; font-size: 20px; color: #9e2435; text-decoration: none; }

.toggle-nav:hover, .toggle-nav.active { background-color: #9e2435; transition: color linear 0.15s; }

.winner { color: #fff; font-weight: thin; font-size: 11.5px; line-height: 16px; width: 120px; height: 150px; vertical-align: top; padding: 15px; display: block; text-align:center; }

.winner-2nd { color: #fff; font-weight: thin; font-size: 11.5px; line-height: 16px; width: 120px; height: 150px; display: block; vertical-align: top; padding: 15px; margin-top: 10px; margin-bottom: 10px; text-align:center; }

.winnerspecialprize { color: #fff; font-weight: thin; font-size: 11.5px; line-height: 16px; width: 165px; height: 360px; display: inline-block; vertical-align: top; padding: 15px; }

.winnerspecial { display: none;}

.winner-details1 { color: #b7001a; font-weight: normal; font-size: 14px; line-height: 21px;}

.winner-details2 { color: #b7001a; font-weight: normal; font-size: 14px; line-height: 21px; display: none;}

.winnerspecialleft { color: #fff; font-weight: thin; font-size: 11.5px; line-height: 16px; width: 165px; height: 230px; vertical-align: top; padding: 15px; display: block; text-align:center; border-top: 1px solid #fff;}

.prize-top { width: 300px; height: 420px; display: block; vertical-align: top; padding: 15px; color: #0071bb; font-weight: thin; font-size: 15px; line-height: 19px; text-align:center;}

.prize-batch { width: 240px; }

.prize-left { width:300px; height:100%; display:block; vertical-align:top; padding:0px 0px 50px 0px; color: #fff; font-weight: thin; font-size: 15px; line-height: 19px; border-bottom: 1px solid #fff; }

.prize-right { width:300px; height:100%; display:block; vertical-align:top; padding:60px 0px 20px 0px; color: #fff; font-weight: thin; font-size: 15px; line-height: 19px; }

.home-menu { margin:0 auto; }

.home-menu ul { display: inline-block; margin-left:-35px;  }

.home-menu li { list-style: none; font-size: 17px; line-height: 22px; vertical-align: top; text-align: center; color: #fff; letter-spacing: 1px; }

.home-menu a { font-weight: bold; margin: 15px; width: 220px; height: 100%; display: inline-block; padding: 25px; text-decoration: none; vertical-align:top; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0px 0px 15px #a7a9ac; }

.home-menu a:hover { background-color: rgba(255, 255, 255, 1); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.footer-container { width: 90%; margin:0 auto;}

.footer-follow { color: #9f2236; font-weight: bold; font-size: 16px; line-height: 21px; text-align: left; width: 500px; margin-top: 25px; display: inline-block; vertical-align: top; }

.footer-fb { padding-top: 6px; padding-bottom: 15px; padding-left: 12px; }

.footer-twitter { padding-top: 6px; padding-bottom: 15px; }

.footer-ig { padding-top: 6px; padding-bottom: 15px; padding-right: 12px; }

.footer-terms { color: #fff; font-size: 10px; font-weight: normal; line-height: 12px; float: right; margin-top: 10px; margin-bottom: 20px; margin-right: 10px; }

.container { width: 80%; margin: 0 auto; padding: 0 10px; }

.intro-steps { width:225px; height:350px; display:inline-block; vertical-align:top; padding:15px; color: #0071bb; font-weight: thin; font-size: 15px; line-height: 19px; }

.intro-steps-mid { width:225px; height:290px; display:inline-block; vertical-align:top; padding:15px; color: #0071bb; font-weight: thin; font-size: 15px; line-height: 19px; border-top: 1px solid #0071bb; border-bottom: 1px solid #0071bb; }

.intro-public { width:100%; height:100%; display:block; vertical-align:top; padding:15px; color: #fff; background-color:#9f2236; font-weight: bold; text-align:center; font-size: 15px; line-height: 19px; box-shadow: 0px 0px 15px #a7a9ac; }

.intro-image { width: 200px; padding: 5px; }

.intro-popular { color: #fff; font-weight: thin; font-size: 14px; line-height: 19px; width: 450px; height: 100%; display: inline-block; vertical-align: top; padding: 15px; text-align: left; }

.intro-best-container { width: 600px; text-align: center; margin-left: 0px; }

.intro-best-image { text-align: center; width: 225px; height: 225px; display: inline-block; vertical-align: top; padding: 5px; }

.intro-best { color: #fff; font-weight: thin; font-size: 14px; line-height: 19px; width: 450px; height: 780px; text-align: left; display: inline-block; vertical-align: top; padding: 15px; }

.intro-crit-1 { width:165px; height:165px; display:inline-block; vertical-align:top; margin:-10px; }

.container-voting-head { margin: 0 auto; width:80%;}

.vote-center { color: #fff; font-weight: thin; font-size: 14px; line-height: 19px; width: 225px; height: 180px; display: run-in; vertical-align: top; padding: 15px; margin-right: 10px; margin-left: 10px; border-left: 1px solid #fff; border-right: 1px solid #fff; }

.voting-left { width:300px; height:280px; display:inline-block; vertical-align:top; padding:20px; color: #fff; font-weight: thin; font-size: 15px; line-height: 19px; border-bottom: 1px solid #fff; }

.voting-right { width:300px; height:260px; display:inline-block; vertical-align:top; padding:50px 0px 30px 0px; color: #fff; font-weight: thin; font-size: 15px; line-height: 19px; }

.container-home { width:80%; margin: 0 auto;}

.home-80 { width:90%; text-align:center; display:block; vertical-align:top; margin-bottom:20px; margin-top:-30px; }

.home-heading { width:335px; text-align:left; display:block; padding-top:0px; padding-bottom:15px; vertical-align:top; color: #b7001a; font-weight: normal; font-size: 18px; line-height: 24px; }

.btn-details { width:180px; height:36px; }

.home-polyutagline { width:180px;}

.terms { width:100%; margin:0 auto;}

.container-entry { margin: 0 auto; padding: 0 10px; width:90%;}

.container-clock { margin: 0 auto; width:90%;}

.table-video { width:450px;}

.table-video-margin { width:20px;}

.frame-video { width:450px; height:253px; }

.winner-left { width:300px; height:100%; display:block; vertical-align:top; padding:0px 0px 50px 0px; color: #fff; font-weight: thin; font-size: 15px; line-height: 19px; }

.winner-right { width:300px; height:100%; display:block; vertical-align:top; padding:60px 0px 20px 0px; color: #fff; font-weight: thin; font-size: 15px; line-height: 19px; }

}



@media screen and (max-width: 601px) {

.footer { width: 100%; margin:0 auto; background-color: #fff; line-height: 12px; position: absolute; left: 0; bottom: 0; right: 0; overflow:hidden;}

.footer-container { width: 90%; margin: 0 auto; }

.footer-follow { color: #9f2236; font-weight: bold; font-size: 16px; line-height: 21px; text-align: left; width: 300px; margin-top: 25px; display: run-in; vertical-align: top; }

.footer-fb { padding-top: 0px; padding-bottom: 15px; padding-left: 0px; }

.footer-twitter { padding-bottom: 0px; }

.footer-ig { padding-bottom: 0px; padding-right: 12px; }

.footer-terms { color: #fff; font-size: 10px; font-weight: normal; line-height: 12px; float: left; margin-top: 10px; margin-bottom: 20px; }

.container { width: 90%; margin: 0 auto; padding: 0 -10px; }

.intro-steps { width:225px; height:350px; display:inline-block; vertical-align:top; padding:15px; color: #0071bb; font-weight: thin; font-size: 15px; line-height: 19px; }

.intro-steps-mid { width:225px; height:290px; display:inline-block; vertical-align:top; padding:15px; color: #0071bb; font-weight: thin; font-size: 15px; line-height: 19px; border-top: 1px solid #0071bb; border-bottom: 1px solid #0071bb; }

.intro-public { width:90%; height:100%; display:block; vertical-align:top; padding:15px; color: #fff; background-color:#9f2236; font-weight: bold; text-align:center; font-size: 15px; line-height: 19px; box-shadow: 0px 0px 15px #a7a9ac; }

.intro-popular { color: #fff; font-weight: thin; font-size: 14px; line-height: 19px; width: 300px; height: 100%; display: inline-block; vertical-align: top; padding: 15px; }

.intro-best-container { width: 300px; text-align: center; margin-left: 5%; }

.intro-best { color: #fff; font-weight: thin; font-size: 14px; line-height: 19px; width: 300px; height: 1000px; text-align: left; display: inline-block; vertical-align: top; padding: 15px; }

.intro-crit-1 { width:165px; height:165px; display:block; vertical-align:top; margin:-20px; }

.container-voting-head { margin: 0 auto; width:85%;}

.vote-center { color: #fff; font-weight: thin; font-size: 14px; line-height: 19px; width: 90%; height: 180px; display: run-in; vertical-align: top; padding: 15px; margin-right: 10px; margin-left: 10px; border-left: 1px solid #fff; border-right: 1px solid #fff; }

.voting-left { width:90%; height:280px; display:inline-block; vertical-align:top; padding:20px; color: #fff; font-weight: thin; font-size: 15px; line-height: 19px; border-bottom: 1px solid #fff; }

.voting-right { width:90%; height:260px; display:inline-block; vertical-align:top; padding:50px 0px 30px 0px; color: #fff; font-weight: thin; font-size: 15px; line-height: 19px; }

.prize-top { width: 300px; height: 440px; display: block; vertical-align: top; padding: 15px; color: #0071bb; font-weight: thin; font-size: 15px; line-height: 19px; text-align:center;}

.prize-batch { width: 240px; }

.prize-left { width:90%; height:100%; display:block; vertical-align:top; padding:0px 0px 50px 0px; color: #fff; font-weight: thin; font-size: 15px; line-height: 19px; border-bottom: 1px solid #fff;}

.prize-right { width:90%; height:100%; display:block; vertical-align:top; padding:60px 0px 20px 0px; color: #fff; font-weight: thin; font-size: 15px; line-height: 19px; }

.container-home { width:80%; margin: 0 auto; }

.home-80 { width:100%; text-align:center; display:block; vertical-align:top; margin-bottom:20px; margin-top:-30px; }

.home-heading { width:280px; text-align:left; display:block; padding-top:0px; padding-bottom:15px; vertical-align:top; color: #b7001a; font-weight: normal; font-size: 18px; line-height: 24px; }

.container-clock { margin: 0 auto; width:90%; text-align:center; }

.table-video { width:280px;}

.table-video-margin { width:20px;}

.frame-video { width:280px; height:158px; }

.winner-left { width:90%; height:100%; display:block; vertical-align:top; padding:0px 0px 50px 0px; color: #fff; font-weight: thin; font-size: 15px; line-height: 19px; }

.winner-right { width:90%; height:100%; display:block; vertical-align:top; padding:60px 0px 20px 0px; color: #fff; font-weight: thin; font-size: 15px; line-height: 19px; }
}

/*only for iphone and Android portrait and landscape screen*/
@media screen and (min-width: 400px) and (max-width: 568px) {
.container-clock { margin: 0 auto; width:62%;}
}
@media screen and (width: 480px) {
.footer { width:500px; margin: 0 auto; line-height: 12px; background-color: #fff;position: absolute; bottom: 0; right:0; left: 0; overflow: hidden;}
.footer-container { width: 440px; margin:0 auto; }
}
@media screen and (min-width: 320px) and (max-width: 375px) {
.footer { width: 400px; margin: 0 auto; line-height: 12px; background-color: #fff;position: absolute; bottom: 0; right:0; left: 0; overflow: hidden;}
.footer-container { width: 380px; margin:0 auto; }
}